<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
      <%@ page import="java.lang.*" %>
      <%@ page import="java.sql.*" %>
     
      <HTML>
      <head>
      <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
     <link rel="stylesheet" type="text/css" href="jsp/style.css" />
      <script TYPE="text/javascript">
     	 
        function validate(){
     
      if(document.frm.firstname.value=="")
      {
   alert("Please enter first name");
   document.frm.firstname.focus();
   return false;
      }
      if(document.frm.lastname.value=="")
      {
   alert("Please enter last name");
   document.frm.lastname.focus();
   return false;
      }
     
      if(document.frm.credit_no.value=="")
     {
   alert("Please enter creditcard number");
   document.frm.credit_no.focus();
   return false;
      }
      if(document.frm.creditcard_type.value=="")
      {
   alert("Please select creditcard type");
   document.frm.creditcsrd_type.focus();
   return false;
      }
      if(document.frm.cvv.value=="")
      {
   alert("Please enter cvv number");
   document.frm.cvv.focus();
   return false;
      }
      return true;
      }
      </script>
      </head>
      <BODY >
    <div id="container">
		<div id="header">
		<center><img src="../../images/video-library-logo-2.jpg" height="80px" width="250px" alt="" /></center>
        	<h1><span class="off"> </span></h1>
             </div>   
        
        <div id="menu">
        	<ul>
            	<li class="menuitem"><a href="#">Home</a></li>
                <li class="menuitem"><a href="#">Search Movie</a></li>
                <li class="menuitem"><a href="#">Profile</a></li>
                <li class="menuitem"><a href="#">Balance</a></li>
                <li class="menuitem"><a href="#">Cart</a></li>
              <li class="menuitem"><a href="#">Fine</a></li>
                   <li class="menuitem"><a href="#">Issued Movies</a></li>
              <li class="menuitem"><a href="#">Contact Us</a></li>
              

            </ul>
        </div>
        
        <div id="leftmenu">

       
        </div>
        
        
        
        
		<div id="content">
       
             
        
        <div id="content_top"></div>
        <div id="content_main">
        
        <FORM NAME="frm" METHOD="post" action= "servlet" onsubmit="return validate();" >
      
      <h1><INPUT TYPE="hidden" NAME="id"  value=""></h1>
   
      <BR/><br/>
      <TABLE  ALIGN="CENTER" width="400px">
      <tr><td><H1 align="center">  Payment Details </H1> </td></tr>
      <tr></tr>
      <TR>
      <TD> <b>First Name</b></TD>
      <TD><INPUT TYPE="TEXT" NAME="firstname" id="firstname" value="">
       </TD>
      </TR>
      <TR>
      <TD><b>Last Name</b></TD>
      <TD><INPUT TYPE="TEXT" NAME="lastname" id="lastname" value="">
      </TD>
      </TR>
                
      
       <TR>
      <TD> <b>Creditcard Number</b></TD>
      <TD><INPUT TYPE="TEXT" NAME="creditcardno" id="credit_no" value="">
      </TD>
      </TR>
       <TR>
      <TD> <b>Creditcard type</b></TD>
      <TD><SELECT id="creditcard_type">
      <option value="A">Visa<option>
      <option value="B">Mastercard<option>
      <option value="C">American Express<option>
      </SELECT>


       </TD>
      </TR>
       <TR>
      <TD> <b>CVV no</b></TD>
      <TD><INPUT TYPE="TEXT" NAME="Cvv number" id="cvv" value="">
      </TD>
      </TR>
      
    
     <TR> 
      <TD colspan=3 align="center"> <INPUT TYPE= "Submit" NAME="submit" VALUE="Pay">
 </TD>
      </TR>
      </TABLE>
      </FORM>
      
      </div>
        <div id="content_bottom"></div>
            
            </div>
      </BODY>
      </HTML>
   